<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算</title>
    <link rel="stylesheet" href="../src/css/jiesuan.css">
    <link rel="stylesheet" href="../src/lib/layui/css/layui.css">
</head>
<body>
    <div id="head"></div>

    <div class="content">
       <div class="content_head">
           <h5>配送信息</h5>
       </div>
       <div class="address">
            <div class="address1">
                <span><i></i>添加新的地址</span>
            </div>
            <div class="dizhi">
                <h3 class="h3">asdasd</h3>
                <p></p>
            </div>
            <div class="address_pane">
                <div class="address_pane1">
                    <h1>添加地址</h1>
                    <ul>
                        <li class="lili"><span>*</span>所在地区:&nbsp&nbsp
                            <input class="inp" type="text" placeholder="请选择">
                            <div class="sss">
                                <select name="" id="sel" placeholder="请选择">
                                </select>
                                <div class="cont">
                                </div>
                            </div>
                        </li>
                        <li class="lili1"><span>*</span>详细地址&nbsp&nbsp
                            <span class="areaName"></span>
                        <input class="inp1" type="text" placeholder="请填写小区/写字楼/学校等">
                        </li>
                        <li><span>*</span>门牌号&nbsp&nbsp
                        <input class="inp2" type="text" placeholder="例：5号楼201室">
                        </li>
                        <li  class="ll"><span>*</span>收货人&nbsp&nbsp
                        <input class="inp3" type="text" placeholder="收货人姓名">
                        </li>
                        <li class="ll1"><span>*</span>手机号码&nbsp&nbsp
                        <input class="inp4" type="text"placeholder="收货人手机">
                        </li>
                    </ul>
                    <div class="button-right">
                        <a class="a" >取消</a>
                        <a class="a1">确定</a>
                    </div>
                </div>
            </div>
            <div class="time">
                <span class="spp">配送时间</span>
                <input type="text" placeholder="请选择配送日期" id="test1">
                <input type="text" placeholder="时间" id="test">
                <span class="spp1">配送时间有前后15分钟误差，奉贤地区10:40～16:30时段内配送</span><br>
            </div>
            <div class="mode">
                <span>配送方式</span>
                <input type="radio" checked="checked">&nbsp&nbsp21cake配送
                <input type="radio">&nbsp&nbsp站点自提
            </div>
       </div>
       <div class="goods1">
            <ul>
                <li class="li1">商品</li>
                <li class="li2">单价</li>
                <li class="li3">数量</li>
                <li class="li4">金额</li>
            </ul>
            <div class="tbody">
                <table>
                    <tbody>
                        <tr>
                            <td class="td1">
                                <img src="../src/imgs/0ea4487ad7396ba9feb1c1cae34e2043.jpg" alt="">
                            </td>
                            <td class="cake">
                                <h4>Calamondin&Calamansi 橘与桔</h4>
                                <p class="p1">规格：<span>454g(1.0磅)</span></p>
                                <p class="p2"><i></i>赠送5套餐具</p>
                            </td>
                            <td class="price">
                                <span>¥198.00</span>
                            </td>
                            <td class="num">
                                <span>1</span>
                            </td>
                            <td class="money">
                                <span>¥198.00</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="last">
                    <p><span>[送优惠券]</span>新客首单完成后赠送：A四口味挂耳咖啡兑换券一张（4包 入）满100元使用；B满298元减40元优惠券一张；C满50减10元面包券</p>
                </div>
            </div>
            <div class="message">
                <p>订单留言：</p>
                <textarea name="" id="" cols="30" rows="10" placeholder="请留下您对订单或商品的特殊要求，200字以内"maxlength="200"></textarea>
            </div>
       </div>
       <div class="pay">
            <div class="payleft">
                <h3>支付方式</h3>
                <a class="zhi" href="#">在线支付</a>
                <a href="#" class="bi"><i></i> 使用果实币（余额：0.00 元）</a>
                <a href="#" class="ka"><i></i>使用代金卡</a>
            </div>
            <div class="payright">
                <ul>
                    <li><span class="sp">商品金额</span> <span class="spa">¥ 198.00</span> </li>
                    <li><span class="sp">配送费</span><span class="spa">¥ 0.00</span></li>
                    <li><span class="sp">优惠抵扣</span><span class="spa ss">-¥ 0.00</span></li>
                    <li><span class="sp">果实币抵扣</span><span class="spa ss">-¥ 0.00</span></li>
                    <li><span class="sp">代金卡抵扣</span><span class="spa ss">-¥ 0.00</span></li>
                </ul>
                <div class="mone">
                    您总共需要支付<span>¥ 198.00</span>
                    <a href="#">下单结算</a>
                </div>
            </div>
            
       </div>
       
    </div>








    <div id="foot"></div>
</body>

<script src="../src/lib/jquery-1.11.3.js"></script>
<script src="../src/lib/layui/layui.js"></script>
<script src="../src/js/index.js"></script>
<script src="../src/js/jiesuan.js" type="module"></script>


</html>